@import '~antd/es/style/themes/default.less';

.register {
  width: 100%;
  height: 100vh;
  overflow-y: scroll;

  .header {
    height: 100px;
    text-align: center;
    background: @primary-color;
    margin-bottom: 50px;
    line-height: 100px;
    font-size: 30px;
    color: @white;
  }
}

.main {
  width: 368px;
  margin: 0 auto;

  .password {
    margin-bottom: 24px;

    :global {
      .ant-form-item-explain {
        display: none;
      }
    }
  }

  .getCaptcha {
    display: block;
    width: 100%;
  }

  .submit {
    width: 50%;
  }

  .login {
    float: right;
    line-height: @btn-height-lg;
  }
}

.success,
.warning,
.error {
  transition: color 0.3s;
}

.success {
  color: @success-color;
}

.warning {
  color: @warning-color;
}

.error {
  color: @error-color;
}

.progress-pass > .progress {
  :global {
    .ant-progress-bg {
      background-color: @warning-color;
    }
  }
}
